html,body{
    height: 100%;
    width:100%;
    // overflow: scroll;
}
a{
    text-decoration:none;
    color:#000;
}
.mmm_viwe{
    width:100%;
    #wrapper{
        overflow: hidden;
        background-color:#fff;
        ul{
            width:800px;
            li{
                float:left;
                box-sizing:border-box;
                a{
                    color:#666;
                    font-size:14px;
                    padding:0 10px;
                    display:block;
                    height:40px;
                    line-height:40px;
                    text-align:center;
        
                }
                .active{
                    border-bottom:2px solid red;
                }
            }
        }
    }
    .mmm_mian{
        width:100%;
        overflow:hidden;
        .mmm_mian_text{
            display:flex;
            flex-wrap:wrap;
            .mmm_mian_left{
                width:50%;
                box-sizing:border-box;
                padding:10px;
                img{
                    width:140px;
                    height:140px;
                }
            }
            .mmm_mian_rigth{
                flex:50%;
                .mmm_mian_rigth_title{
                    margin-top:10px;
                }
                .mmm_mian_rigth_coupon{
                    margin-top:10px;
                    color:red;
                    del{
                        display:inline-block;
                        padding-left:12px;
                        color:#666;
                    }
                }
                .mmm_mian_rigth_img{
                    margin-top:10px;
                    .bar{
                        display: flex;
                        i{
                            position: relative;
                            display:inline-block;
                            width:90px;
                            height:20px;
                            border:1px solid red;
                            // background-color:#ffb7b7;
                            border-radius:10px;
                            overflow:hidden;
                            em{
                                position: absolute;
                                background-color:red;
                                height:20px;
                                top:0;
                                // left:10px;
                                left: 0;
                                border-radius: 9px;
                            }
                            span{
                                position: absolute;
                                display:inline-block;
                                width:100%;
                                text-align:center;
                                color:#000;
                                z-index:998;
                            }
                        }
                        b{
                            margin-left:16px;
                        }
                    }
                }
                .mmm_mian_rigth_cat{
                    margin-top:10px;
                    display:flex;
                    justify-content:space-between;
                    font-size:14px;
                    display:flex;
                    .fl{
                        padding-top:5px;
                        border:1px dashed #ffb7b7;
                    }
                    .fr{
                        background-color:#ff5e5d;
                        width:60px;
                        height:30px;
                        line-height:30px;
                    }
                }
            }
        }
    }
}
footer{
    position:static;
}